<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>虚拟仿真实验平台</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <!-- 1.头部区域开始啦 -->
    <div class="header w">
        <!-- logo部分 -->
        <div class="logo">
            <img src="images/logo.png" alt="">
        </div>
        <!-- 导航栏部分 nav -->
        <div class="nav">
            <ul>
                <li><a href="首页.html">首页</a></li>
                <li><a href="实验发展.html">实验发展</a></li>
                <li><a href="注意事项.html">注意事项</a></li>
            </ul>
        </div>
        <!-- 搜索模块 -->
        <div class="search">
            <input type="text" value="输入关键词">
            <button></button>
        </div>
        <!-- 用户模块 -->
        <div class="user">
            <a href="#">登录</a>/<a href="注册页面.html">注册</a>
        </div>
    </div>
    <!-- 头部区域结束啦 -->
    <!-- 2. banner部分start -->
    <div class="banner">
        <!-- 版心 -->
        <div class="w">
            <img src="images/123.jpg" alt="">
        </div>
        <div class="v">
            <video src="images/歌曲.mp4" controls="controls"></video>
        </div>
    </div>
    <!-- course 课程表模块 -->
    </div>
    </div>
    </div>
    <!-- banner部分end -->
    <!-- 3.精品推荐模块开始 -->
    <div class="goods w">
        <h3>实验流程</h3>
        <ul>
            <li><a href="实验简介.html">实验简介</a></li>
            <li><a href="实验预习.html">实验预习</a></li>
            <li><a href="实验认识.html">实验认识</a></li>
            <li><a href="实验引导.html">实验引导</a></li>
            <li><a href="实验报告.html">实验报告</a></li>
        </ul>
        <a href="#" class="mod">添加内容</a>
    </div>
    <!-- 老师推荐模块结束 -->
    <!-- 4. box核心内容区域开始 -->
    <div class="box w">
        <div class="box-hd">
            <h3>老师推荐</h3>
            <a href="#">查看全部</a>
        </div>
        <div class="box-bd">
            <ul class="clearfix">
                <li>
                    <img src="images/R-C10.png" alt="">
                    <h4>
                        <a href="设备认知.html">设备认知</a>
                    </h4>
                    <div class="info">
                        <span>高级</span> • 2485人在学习
                    </div>
                </li>
                <li>
                    <img src="images/R-C11.png" alt="">
                    <h4>
                        <a href="控制电路布线.html">控制电路布线</a>
                    </h4>
                    <div class="info">
                        <span>高级</span> • 845人在学习
                    </div>
                </li>
                <li>
                    <img src="images/R-C12.jpg" alt="">
                    <h4>
                        <a href="机床电路实验.html">机床电路实验</a>
                    </h4>
                    <div class="info">
                        <span>高级</span> • 2451人在学习
                    </div>
                </li>
                <li>
                    <img src="images/R-C13.png" alt="">
                    <h4>
                        <a href="仿真实验.html">仿真实验</a>
                    </h4>
                    <div class="info">
                        <span>高级</span> • 9615人在学习
                    </div>
                </li>
                <li>
                    <img src="images/R-C14.jpg" alt="">
                    <h4>
                        <a href="考试.html">考试</a>
                    </h4>
                    <div class="info">
                        <span>高级</span> • 1411人在学习
                    </div>
                </li>

            </ul>
        </div>
    </div>
    <!-- 4. box核心内容区域结束 -->

    <!-- 5. footer 模块制作 -->
    <div class="footer">
        <div class="w">
            <div class="copyright">
                <img src="images/logo.png" alt="">
                <p>兰州理工大学机电工程学院工程训练中心（网址：http://metc.lut.edu.cn/）的前身为甘肃工业大学机械工厂的实习教学车间，<br>成立于1953年。为适应高等工程教育发展的需要，学校将原工厂下属的教学车间于2004年组建成为工程训练中心，隶属机电<br>学院，校建院管。目前是我校大学生开展工程认知、工程制造及创新设计竞赛的实践教学基地。中心现为西北地区高校工程训<br>练研究会副理事长单位、甘肃省省级实验教学示范中心、国家级机械工程实践教学示范中心。
                </p>
                <a href="#" class="app">下载APP</a>
            </div>
            <div class="links">
                <dl>
                    <dt>制度体系</dt>
                    <dd><a href="#">管理制度</a></dd>
                    <dd><a href="#">管理系统</a></dd>
                    <dd><a href="#">教学队伍</a></dd>
                    <dd><a href="#">中心概况</a></dd>
                </dl>
                <dl>
                    <dt>科研</dt>
                    <dd><a href="#">科技创新</a></dd>
                    <dd><a href="#">中心成果</a></dd>
                    <dd><a href="#">科研团队</a></dd>
                    <dd><a href="#">合作交流</a></dd>
                </dl>
                <dl>
                    <dt>客户服务</dt>
                    <dd><a href="#">技术支持</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">智能分析</a></dd>
                    <dd><a href="#">帮助</a></dd>
                </dl>
            </div>
        </div>
    </div>
</body>

</html>